行内样式使用 important

2022年4月10日 · 阅读需 1 分钟

前端工程师 @ 高德

React 不支持在行内样式设置 !important

// 无效
<p style={{fontSize: '20px !important'}}>Hello World</p>

通过 ref 来设置

<p ref={(node) => {
  if (node) {
    node.setProperty('font-size', '20px', 'important')
  }
}}>Hello World</p>

参考：